<style lang="less" scoped>
.panel {
  margin-bottom: 10px;
  &-title {
    display: flex;
    padding: 10px;
    border-bottom: 0.1px solid #eaeaea;
    background: white;

    &__label {
      flex: 1;
      font-size: 16px;
      align-items: center;
    }
  }
  &-content {
    margin-bottom: 10px;
    background: white;
    padding-bottom: 10px;

    &__item {
      display: flex;
      padding: 10px 10px 0 10px;
      font-size: 14px;
      &-label {
        color: #666;
        width: 80px;
      }
      &-value {
        flex: 1;
        padding-left: 15px;
        color: #333;
      }
    }
  }
}
</style>

<template>
  <div class="panel">
    <!-- content -->
    <div class="panel-content">
      <div class="panel-content__item">
        <div class="panel-content__item-label">登记编号</div>
        <div class="panel-content__item-value">{{item.RegistNo||'-'}}</div>
        <div class="panel-content__item-right"></div>
      </div>
      <div class="panel-content__item">
        <div class="panel-content__item-label">状态</div>
        <div class="panel-content__item-value c-primary">{{item.Status||'-'}}</div>
        <div class="panel-content__item-right"></div>
      </div>
    </div>
    <!-- content -->
    <div class="panel-content">
      <div class="panel-content__item">
        <div class="panel-content__item-label">出质人</div>
        <div class="panel-content__item-value">{{item.Pledgor&&item.Pledgor.Name||'-'}}</div>
        <div class="panel-content__item-right"></div>
      </div>
      <div class="panel-content__item">
        <div class="panel-content__item-label">出质人证件号码</div>
        <div class="panel-content__item-value">{{item.Pledgor&&item.Pledgor.No||'-'}}</div>
        <div class="panel-content__item-right"></div>
      </div>
      <div class="panel-content__item">
        <div class="panel-content__item-label">出质人股权数</div>
        <div class="panel-content__item-value">{{item.PledgedAmount||'-'}}</div>
        <div class="panel-content__item-right"></div>
      </div>
      <div class="panel-content__item">
        <div class="panel-content__item-label">质权人</div>
        <div class="panel-content__item-value">{{item.Pledgee&&item.Pledgee.Name||'-'}}</div>
        <div class="panel-content__item-right"></div>
      </div>
      <div class="panel-content__item">
        <div class="panel-content__item-label">质权人证件号</div>
        <div class="panel-content__item-value">{{item.Pledgee&&item.Pledgee.No||'-'}}</div>
        <div class="panel-content__item-right"></div>
      </div>
      <div class="panel-content__item">
        <div class="panel-content__item-label">股权出质登记日期</div>
        <div class="panel-content__item-value">{{item.RegDate||'-'}}</div>
        <div class="panel-content__item-right"></div>
      </div>
    </div>

  </div>
</template>
<script>
export default {
  data() {
    return {
      item: {
        // No: null,
        // RegistNo: 'A1800112958', //登记编号
        // PledgorInfo: {
        //   Name: '肇庆鸿益集团有限公司', //出质人
        //   KeyNo: '949f1191893022253b056d1fd621e8b9',
        //   HasImage: false,
        //   CompanyCount: 0,
        //   No: '441200000053192' //出质人证件号码
        // },
        // PledgeeInfo: {
        //   Name: '封开县农村信用合作联社', //质权人
        //   KeyNo: 'bab5d558b309410bc49a37a59f89ec2f',
        //   HasImage: false,
        //   CompanyCount: 0,
        //   No: '914412256824883996' //质权人证件号
        // },
        // PledgedAmount: '2080.8万元', //出质股权数
        // RegDate: '2018-07-03', //股权出质登记日期
        // PublicDate: '2018-07-03', //发布日期
        // Status: '有效', //状态
        // Detail: null
      }
    };
  },
  onShow() {
    this.getInfos();
  },
  methods: {
    getInfos() {
      this.item = JSON.parse(this.$root.$mp.page.options.item);
    }
  }
};
</script>
